*{ margin: 0; padding: 0;}
html{height: 100%; width: 100%;outline: 0; -webkit-text-size-adjust:none;}
body{font-size: 0.26rem; height: 100%; position: relative; font-family:"Hiragino Sans GB","Source Han Sans"; margin: 0; padding: 0; background:#f6f6f6; color: #333;}
a{ text-decoration: none; color: #000;}
p,h1,h2,h3,h4,h5,h6{ padding: 0; margin: 0;}
img{ border: none; display: block; margin: 0 auto;}
ul,li{ list-style: none;}
input[type="button"], input[type="submit"], input[type="password"], input[type="reset"], input[type="text"] {-webkit-appearance: none; font-family:"Hiragino Sans GB","Source Han Sans";}
.fl{float: left;}
em,i{font-style: normal;}
.wrap{width: 7.5rem;margin: 0 auto;position: relative;overflow: hidden;}

/*订单查询-身份证*/
.nav{ width:7.5rem; height: 1rem;line-height: 1rem;text-align: center;color:#fff; background-image: linear-gradient(to right,#00aeff, #0078ff); position: relative; font-size:0.32rem; font-weight: 600; position: fixed;top:0; z-index: 10;}
.back{position: absolute; width:1rem; height: 1rem; left:0rem;top:0;}
.back img{height: 0.38rem; margin-top:0.31rem;}
.sfz{ width:6.7rem; height: 1.2rem; padding: 0 0.4rem; background: #fff; margin-top: 1rem;}
.sfz .title{width:1.8rem; height: 1.2rem; float:left; line-height: 1.2rem; color: #666;}
.sfz input{width: 4.8rem;float: left;font-size: 0.28rem;color: #999999;display: block;line-height: 0.36rem;border: none;background: none;outline: none;margin-top: 0.42rem;}
.sc_ts{ width:100%; margin: 0.8rem auto;}
.sc_ts p{ width:100%;text-align: center; font-size:0.28rem; line-height: 0.36rem;}
.sc_ts img{ width:50%; margin: 0.8rem auto 0.4rem;}
.ks_bt{ display:block; width:6.2rem; margin: 1.4rem auto 0;text-align: center; height: 0.9rem; line-height: 0.9rem; background:#f6f6f6; border:2px solid #209cff; color:#209cff; border-radius: 0.5rem; font-size:0.32rem;}
.qt_bt{display:block; width:100%; text-align: center; color:#209cff; margin-top: 0.8rem;}



/*订单查询-其他方式*/
.mainBox{width: 100%; background: #FFFFFF; margin: 0 auto; overflow: hidden; margin-top: 1rem;}
.inpList{width: 6.7rem; height: 1.2rem; border-bottom: 0.01rem solid #eeeeee; overflow: hidden; margin: 0 auto; padding: 0 0.4rem; position: relative;}
.inpList p{float: left; font-size:0.3rem; color: #666; width: 1.8rem; line-height: 1.2rem; display: block; }
.inpList select{width: 4.9rem; line-height: 0.5rem; float: left; border: none; background: url("../img/sel.png") no-repeat right center; background-size: 0.38rem; appearance: none;-webkit-appearance: none; font-size: 0.28rem; color: #666666; display: block;  margin-top: 0.37rem;}
.inpList select option{ margin-left: 0.1rem;}
.inpBox{width: 100%; margin: 0 auto; overflow: hidden;}
.inpList input{width: 4.8rem; float: left; font-size: 0.28rem; color: #999999; display: block; line-height: 0.36rem; border: none; background: none; outline: none; margin-top: 0.42rem;}
.sel option{font-size:0.28rem;}
#kh2{display: none;}
.btnNext{width: 3.3rem; line-height: 0.88rem; background: #4789f7; margin: 0.55rem auto; border-radius: 0.05rem; font-size: 0.32rem; color: #FFFFFF; text-align: center; display: block;}
.msgs{display:block;width:1.8rem;color:#fff;text-align:center;height:0.5rem;line-height:0.5rem;cursor:pointer; position: absolute;right:0.6rem;top:0.35rem; color:#0189ff;}
.msgs1{color:#818080;}
.cx_bt{ display:block; width:6.2rem; margin: 1.4rem auto 0;text-align: center; height: 0.9rem; line-height: 0.9rem;border:2px solid #209cff; color:#fff; border-radius: 0.5rem; font-size:0.32rem;background-image: linear-gradient(to right,#00aeff, #0078ff);}

/*订单列表*/
.header{ width:5.9rem; height: 1.5rem;color:#fff; position: relative; background: linear-gradient(to left,#00aeff, #0078ff);padding: 1rem 0.8rem 0.4rem;}
.dd_nav{ width: 100%;background: #fff;height: 1.2rem;border-bottom: 1px solid #cecece; position:relative;}
.dd_nav div{ width:2rem; float:left; text-align:center;font-size:0.32rem; margin-top:0.4rem; line-height:0.3rem; margin-left:0.85rem; margin-right:0.85rem;}
.dd_nav .add{ border-bottom:2px solid #0078ff; padding-bottom:0.2rem;}
.dd_nav .line{ width:1px; height:0.26rem; background:#cecece; position:absolute; left:3.7rem; top:0.4rem;}
.se_nav{ width:100%; background:#fff; overflow:hidden;}
.se_nav .se_list{ float:left; width:1.4rem; text-align:center; line-height:0.56rem; border:1px solid #cecece; margin:0.2rem 0 0.2rem 0.35rem; border-radius:0.3rem; }
.se_nav .sdd{ border:1px solid #0078ff; color:#0078ff;}
.tx{ width:1.2rem; height: 1.2rem;border: 3px solid rgba(255, 255, 255, 0.5); border-radius: 50%; float:left;}
.tx img{width:100%; height: 100%;}
.news{ float:left; height: 1.2rem;}
.header .more{ width:0.56rem;position: absolute;right: 0.6rem;top: 1.6rem;}
.news .name{ width:4rem;font-size:0.46rem; color:#fff; line-height: 0.7rem;font-weight:600;}
.news .num{    width: 3.4rem;
    font-size: 0.3rem;
    color: #fff;
    line-height: 0.6rem;
    background: #ffffff26;
    text-align: center;
    border-radius: 0.3rem;
    margin-top: 0.2rem;}
.dd_list{width:6.8rem; margin:0.3rem auto 0; background: #fff; border-radius: 0.2rem; padding:0.2rem 0; position: relative;}
.dd_list div{ width:92%; height: 0.8rem; margin: 0 auto;}
.dd_list div p:first-child{ color:#999; float:left;line-height:0.8rem; width: 1.6rem;}
.dd_list div p:nth-child(2){ color:#333; float:left;line-height:0.8rem; width: 3rem;}
.dd_list .bottom{ border-top:2px solid #eeeeee; width:100%; padding-top: 0.2rem;}
.dd_list .bottom .dd{ display:block; width: 1.6rem; height:0.6rem; line-height: 0.6rem; text-align:center; color:#333; border:2px solid #eeeeee; border-radius: 1rem; float:right; margin-right: 0.1rem;}
.dd_list .bottom .yy{ display:block; width: 1.6rem; height:0.6rem; line-height: 0.6rem; text-align:center; color: #0078ff;
border: 2px solid #0078ff;border-radius: 1rem; float:right;margin-right: 0.2rem;}
.dd_list .dd_zt{ position:absolute; width:1.4rem; height:0.5rem; line-height: 0.5rem; text-align: center;  color:#0078ff; top:0.3rem; right:0rem;}

/*订单进度*/
.jd_header{ width:5.9rem; height: 3.6rem;color:#fff; position: relative; background: linear-gradient(to right,#00aeff, #0078ff); padding:0.6rem 0.8rem 0; margin-top: 0.6rem;}
.jd_header .news{ float:left; margin-left: 0.2rem;}
.jd_header .news p{font-size:0.28rem; line-height:0.62rem;}
.jd_header .news .name{ width:4rem;font-size:0.42rem; color:#fff; line-height: 0.7rem; font-weight:600;}
.jd_header .news .num{width:4rem; font-size:0.26rem;color:#fff; line-height: 0.5rem;}
.jd_header .g{height:1.6rem;float:right; margin-top:-0.6rem;}
.dd_news{ width:5.9rem; overflow: hidden;color:#fff; position: relative; background: linear-gradient(to right,#00aeff, #0078ff); padding:0 0.8rem 0.4rem; }
.dd_news p{ margin-left:0.2rem; line-height: 0.4rem;}
.dd_news .line{ width:100%; margin:0 auto 0.2rem; height: 2px; background:#23b5fe;}
.now_t{ width:5.9rem; padding:0 0.8rem; background: #fff; height: 1rem;}
.now_t span{ display: inline-block; line-height: 1rem; color:#333; margin-left: 0.2rem; font-size:0.3rem;}
.now_t span:nth-child(2){ color: #0078ff;}
.timeLine { width:7rem;margin: 0.4rem auto 0;overflow: hidden;position: relative}
.timeLine li {background: url(../img/back_l.png) repeat-y 2.2rem 0;padding-bottom: 0.6rem;zoom: 1;display: flex; background-size:3px;}
.timeLine li:after {content:" ";display: block;height: 0;clear: both;visibility: hidden;}
.timeLine li:last-child {background:none !important;}
.timeLine li p {background: url(../img/icon_01.png) no-repeat 2.05rem 0.15rem;display: inline-block;width: 1.9rem;font-size: 0.24rem;text-align: right;padding-right: 0.6rem;color: #999999;background-size: 0.32rem;}
.timeLine li p span {display: block;color: #999999;font-size: 0.24rem;}
.timeLine li .con {width: calc(100% - 2.4rem);display:inline-block;padding-left: 0.3rem;}
.timeLine li .con .title{ font-size:0.3rem; color:#333; font-weight: 600;}
.timeLine li .con div{margin:0.1rem 0; font-size:0.22rem; color:#999;}
.timeLine li .con img{max-width: 100%;}
.xq_bt{width:80%; margin:0 auto 0.4rem; overflow:hidden;}
.xq_bt .left_bt{ width:45%;float:left; height:0.86rem; line-height:0.86rem; text-align:center; font-size:0.34rem; color:#0078ff; border: 1px solid #0078ff; border-radius:0.5rem;}
.xq_bt .right_bt{ width:45%;float:right; height:0.86rem; line-height:0.86rem; text-align:center; font-size:0.34rem; color:#fff; background: linear-gradient(to right,#00aeff, #0078ff); border-radius:0.5rem;}

/* .on  */
.timeLine li.on{background: url(images/back2.png) repeat-y 179px 0;}
.timeLine li.on p {background:url(images/icon2.jpg) no-repeat 172px 0;color: #1db702;}
.timeLine li.on p span {color: #a8dda3;}

/* .on 下面的li  */
.timeLine li.on ~ li{background: url(images/back3.png) repeat-y 179px 0;}
.timeLine li.on ~ li p {background:url(images/icon3.jpg) no-repeat 172px 0;color: #c3c3c3;}
.timeLine li.on ~ li p span {color: #d0d0d0;}










